.detail_left{
  width: 18rem;
  height: 100%;
  background-size: 100% 100%;
  .left_content{
    width: 17rem;
    height: 950px;
    position: relative;
    top: 20px;
    left: 1rem;
    >.title{
      padding-left: 0.5rem;
      font-size: 20px;
      color: #fff;
      width: 6rem;
      margin-bottom: 20px;
    }
  }
}
.detail_right{
  width: 71.5rem;
  height: 100%;
  background: #f4f4f4;
  .detail_right_center{
    width: 69rem;
    height: 310px;
    margin-left: 1.3rem;
    margin-bottom: 15px;
    >div{
      width: 34rem;
      height: 100%;
      box-shadow: 0px 0px 6px #bbb;
      float: left;
      >.top_title{
        width: 33rem;
        line-height: 45px;
        color: #4d4d4d;
        background: #bfbfbf;
        font-size: 18px;
        font-weight: bold;
        padding-left: 1rem;
      }
    }
    >.data{
      margin-right: 1rem;
      >.table_tab{
        width: 100%;
        border: 1px solid #ccc;
        height: 40px;
        border-right: none;
        border-left: none;
        overflow: hidden;
        >li{
          float: left;
          border-right: 1px solid #ccc;
          line-height: 40px;
          text-align: center;
          cursor: pointer;
        }
        >li:nth-child(1){
          width: 10rem;
        }
        >li:nth-child(2){
          width: 10rem;
        }
        >li:last-child{
          width: 13.7rem;
          border-right: none;
        }
      }
      >.table{
        height: 220px;
        overflow-y: auto;
        >li:first-child{
          line-height: 40px;
        }
        >li{
          width: 100%;
          overflow: hidden;
          line-height: 35px;
          >span{
            display: inline-block;
            width: 49%;
            text-align: center;
          }
          >span:first-child{
            border-right: 1px solid #ccc;
          }
        }
      }
    }
  }
  .detail_right_top{
    width: 69rem;
    height: 330px;
    margin-left: 1.3rem;
    box-shadow: 0px 0px 6px #bbb;
    margin-bottom: 15px;
    margin-top: 15px;
    >.top_title{
      width: 68rem;
      line-height: 45px;
      color: #4d4d4d;
      background: #bfbfbf;
      font-size: 18px;
      font-weight: bold;
      padding-left: 1rem;
    }
    >.detail_right_top_content{
      padding: 1rem;
      >.img{
        background: #3a8ee6;
        width: 12rem;
        margin-right: 1rem;
        float: left;
        height: 245px;
      }
      .message{
        width: 54rem;
        height: 250px;
        overflow: auto;
        float: left;
        font-size: 18px;
        font-weight: 500;
        >ul>li{
          line-height: 36px;
          padding-left: 1rem;
        }
      }
    }
  }
  .detail_right_bottom{
    width: 100%;
    height: 350px;
  }
}
.top_text{
  width: 61.5rem;
  margin-left: 2rem;
  padding: 15px 0;
  color: #3994b2;
  font-size: 17px;
}
.relation_event{
  height: 260px;
  overflow-y: auto;
  >li:first-child{
    line-height: 40px;
  }
  >li{
    width: 100%;
    overflow: hidden;
    line-height: 35px;
    >span{
      display: inline-block;
      width: 30%;
      text-align: center;
    }
    >span:first-child{
      border-right: 1px solid #ccc;
    }
    >span:nth-child(2){
      border-right: 1px solid #ccc;
    }
  }
}